<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="icon" type="image/ico" href="/static/favicon.ico" />
    <title><%= htmlWebpackPlugin.options.title %></title>
</head>
<body>
    <div id="login" login-div>
        <div>
            <div class="login-header">
                <div class="login-header-text">AIguille-BCP区块链服务系统</div>
                <!-- <lang-select></lang-select> -->
            </div>
            <div class="login-content">
                <el-form :model="loginFrom" autoComplete="on" :rules="loginRules" ref="loginForm">
                    <el-row :gutter="8">
                        <el-col :span="24">
                            <el-form-item label="" prop="username">
                                <el-input v-model="loginFrom.username" auto-complete="on" placeholder="请输入用户名">
                                    <i slot="prefix" class="el-input__icon fabric-people"></i>
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row :gutter="8">
                        <el-col :span="24">
                            <el-form-item label="" prop="password">
                                <el-input :type="passwordType" v-model="loginFrom.password" @keyup.enter.native="handleLogin" auto-complete="on" placeholder="请输入密码">
                                    <i slot="prefix" class="el-input__icon fabric-lock"></i>
                                    <i slot="suffix" style="cursor: pointer;" @click="showPwd" class="el-input__icon fabric-eye"></i>
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row :gutter="8">
                        <el-col :span="24">
                            <el-button :loading="loading" @click.native.prevent="handleLogin" type="danger">登录</el-button>
                        </el-col>
                    </el-row>
                </el-form>
            </div>
        </div>
    </div>
</body>
</html>